<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
    <%
    	pageContext.setAttribute("path", request.getContextPath());
    %>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>show</title>
</head>

<script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
<link href="https://cdn.bootcss.com/twitter-bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet" href="https://cdn.staticfile.org/font-awesome/4.7.0/css/font-awesome.css">
<script src="../js/showStudent.js"></script>
<script src="../js/rule.js"></script>
<script src="${path }/js/sweetalert-dev.js"></script>
<link href="${path }/js/sweetalert.css" type="text/css" rel="stylesheet"/>
<script src="${path }/js/sweetalert.min.js"></script>
<script type="text/template">

<tr class="text-center">
    <td><input type="checkbox" value="check_{studentNum}"></td>
    <td>{studentNum}</td>
    <td>{studentName}</td>
    <td>{sex}</td>
    <td>{age}</td>
    <td>{studentPhone}</td>
    <td>{studentQQ}</td>
    <td>{classInfo}</td>
    <td> <span id="id{studentNum}">{score}</span></td>
</tr>
</script>
<style>
    *,*：after,*:before{
        box-sizing: border-box;
    }
    .container_box{
        width: 100%;
        height: 500px;
    }
    .top_box{
        width: 100%;
        height: 50px;
    }
    .li_position{
        height: 100px;
        line-height: 100px;
        text-align: center;
    }
    .content_box{
        width: 100%;
        height: 500px;
    }
</style>
<body>
<div class="container_box">
    <div class="top_box">
        <form action="#" >
            <ul class="list-inline">
                <li class=" col-xs-2 col-xs-offset-1">
                    <select name="shcool" id="school" class="selectpicker show-tick form-control form-inline">
                        <option value="" >选择学校</option>
                    </select>
                </li>
                <li class="col-xs-2">
                    <select name="classes" id="classes" class="selectpicker show-tick form-control form-inline">
                        <option value="" >选择班级</option>
                    </select>
                </li>
                <li class=" col-xs-2 " style="padding-left:50px">
                    <div class="input-group">
                        <input type="text" class="form-control" name="search" id="search" placeholder="搜索">
                        <span class="input-group-btn">
                            <button type="button" class="btn btn-primary">搜索</button>
                        </span>
                    </div>
                </li>
                <li class="col-xs-2" style="padding-left: 80px">
                       <select name="rule" id="rule" class="selectpicker show-tick form-control form-inline">
                           <option value="" >选择考勤方式</option>
                       </select>
                </li>
                <li class="col-xs-1">
                    <button type="button" class="btn btn-success" id="submit">提交</button>
                </li>
                <li class="col-xs-2" style="padding-right:30px">
                    <h4 class="text-info">2019年1月12日</h4>
                </li>
            </ul>

        </form>
    </div>
    <div class="content_box container" >
        <table class="table table-striped table-bordered" role="table" id="student">
        	<thead>
        		<tr>
	                <th class="text-center"><input type="checkbox" id="selectAll"></th>
	                <th class="text-center">学号</th>
	                <th class="text-center">姓名</th>
	                <th class="text-center">性别</th>
	                <th class="text-center">年龄</th>
	                <th class="text-center">电话</th>
	                <th class="text-center">QQ</th>
	                <th class="text-center">班级</th>
	                <th class="text-center">分数</th>
            </tr>
        	</thead>
            <tbody></tbody>
        </table>
    </div>
    <div id="bottom" style="width:100%;height:50px;">
    	<div id="page_Info" style="width:50%;height:50px;line-height: 50px;float:left;"></div>
    	<div id="page_nav" style="width:50%;height:50px;line-height: 50px;float: left;"></div>
    </div>
</div>
<script>
</script>
</body>
</html>